add a top border in vertical scrollbars in treeviews.
&.overlay-indicator {
&:not(.dragging):not(.hovering) {
- border: none;
+ border-color: transparent;
opacity: 0.4;
background-color: transparent;
}
}
+treeview ~ scrollbar.vertical {
+ border-top: 1px solid $borders_color;
+ margin-top: -1px;
+}
+
/**********
* Switch *
**********/
* Scrollbars *
**************/
scrollbar {
- /*
- // disable steppers
- @at-root * {
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false;
- }
- */
background-color: #313434;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ * {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false; }
scrollbar.top {
border-bottom: 1px solid #1c1f1f; }
scrollbar.bottom {
min-height: 4px;
border-width: 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
- border: none;
+ border-color: transparent;
opacity: 0.4;
background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
+treeview ~ scrollbar.vertical {
+ border-top: 1px solid #1c1f1f;
+ margin-top: -1px; }
+
/**********
* Switch *
**********/
* Scrollbars *
**************/
scrollbar {
- /*
- // disable steppers
- @at-root * {
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false;
- }
- */
background-color: #c3c4c4;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ * {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false; }
scrollbar.top {
border-bottom: 1px solid #9d9d99; }
scrollbar.bottom {
min-height: 4px;
border-width: 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
- border: none;
+ border-color: transparent;
opacity: 0.4;
background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
+treeview ~ scrollbar.vertical {
+ border-top: 1px solid #9d9d99;
+ margin-top: -1px; }
+
/**********
* Switch *
**********/